<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		div.first{
			margin-left: 50px;
		}
		.mad{
			background-color: pink;
		}
		.kmc ul li{
			float: left;
			text-align: left;
			width:100px;
			list-style: none;
			background-color: pink;
			text-align:center;
			width: 470px;
		}
		.nav ul li {
    float: left;
    text-align: center;
    width: 100px;
    list-style: none;
}
.nav {
    height: 40px;
    line-height: 40px;
    background-color: #f18197;
}

.nav ul {
    width: 1150px;
    margin-right: auto;
    margin-left: auto;
}
.zp{
	text-align:center;
}
</style>
</head>
<body class="soso">
	<div class="first"><a href="index.html">登录</a> 注册 订单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<input name="q" type="text" value="" placeholder="请输入搜索内容">
	<button class="mad">搜索</button>
	</div>
	<div class="nav"><ul><li><a href="">首页</a></li>
<li><a href="">热卖专区</a></li>
<li><a href="#">客户服务</a></li>

</ul>
</div>
</div><br>
<div class="neirong">
		<img src="image/女1.jpg" alt="" width="350" height="350">
		<table><tr><td height="30" align="left">尺码</td>
		<td><input type="radio" name="style">s</td>
		<td><input type="radio" name="style">m</td>
		<td><input type="radio" name="style">l</td>
		<td><input type="radio" name="style">xl</td>
		<td><input type="radio" name="style">xxl</td>
		<td><input type="radio" name="style">xxxl</td></tr>
		<br>
		<tr><td height="30" align="left">颜色分类</td>
		<td><input type="radio" name="color">卡其色</td>
		<td><input type="radio" name="color">浅绿色</td>
		<td><input type="radio" name="color">小麦黄</td>
		<td><input type="radio" name="color">蓝色</td>
		<td><input type="radio" name="color">红色</td></tr>
		<tr>
        <td height="30" align="left">市场价：</td>
        <td align="left">￥398.00</td>
        </tr>
	</table></div><br>
	<button class="mad">加入购物车</button>&nbsp;&nbsp;&nbsp;
	<button class="mad">立即购买</button><br><br>
<div class="kmc"><ul><li>商品详情</li>
<li>商品参数</li>
<li>商品评价</li>
</ul>
</div><br><br>
</div>
	<div class="zp">
	<img src="image/1.jpg" alt="">
	<img src="image/2.jpg" alt="">
	<img src="image/3.jpg" alt="">
	<img src="image/4.jpg" alt="">
	<img src="image/5.jpg" alt="">
	<img src="image/6.jpg" alt="">
	<img src="image/7.jpg" alt="">
	<img src="image/8.jpg" alt="">
	<img src="image/9.jpg" alt=""></div>
</body>
</html>